Ext.define('UDZ.view.personal.Personal_myinfo', {
    extend: 'Ext.Panel',
    xtype: 'myinfo',
    requires: [
        // 'Ext.TitleBar'
        'Ext.field.DatePicker'
    ],
    config: {
        xtype:'panel',
        fullscreen:true,
        id:'index',
        style:'background-color:#f9f9f9;',
        layout:{
            type:'vbox'
        },
        items:[
            {
                xtype:'toolbar',
                title:'我的资料',
                items:[
                    {
                        xtype:'image',
                        cls:'myinfo_back',
                        id:'myinfo_back',
                        src:'resources/images/back.png',
                    }
                ]
            },
            {
                flex:2,
                style:'background-color:white;margin-top:20px',
                type:'panel',
                items:[
                    //修改头像
                    {
                        xtype:'panel',
                        cls:'personal_container border',
                        height:80,
                        layout:{
                            type:'hbox'
                        },
                        items:[
                            {
                                flex:2,
                                xtype: 'panel',
                                cls:'myinfo_change_myHeader',
                                html:[
                                    '我的头像'
                                ]
                            },
                            {
                                flex:6,
                                xtype:'panel',
                                items:[
                                    {
                                        xtype:'image',
                                        styleHtmlContent:false,
                                        src:'resources/images/UserHead.jpg',
                                        id:'my_image',
                                        imageCls:'myinfo_UserHeader',
                                        //查看头像
                                    }
                                ]
                            },
                            {
                                flex:1,
                                xtype:'panel',
                                id:'go_change_header',
                                items:[
                                {
                                    xtype:'image',
                                    src:'resources/images/right.png',
                                    imageCls:'myheader_right'
                                }
                            ]
                            }
                        ]
                    },
                    //修改昵称
                    {
                        xtype:'panel',
                        cls:'personal_container border',
                        id:'go_change_nick',
                        height:60,
                        layout:{
                            type:'hbox'
                        },
                        items:[
                            {
                                flex:2,
                                xtype: 'panel',
                                cls:'myinfo_change_myHeader',
                                style:'line-height:60px;',
                                html:[
                                    '用户昵称'
                                ]
                            },
                            {
                                flex:5,
                                xtype:'panel',
                                cls:'myinfo_nick',
                                html:[
                                    '我流泪你会难过吗'
                                ]
                            },
                            {
                                flex:1,
                                xtype:'image',
                                style:'margin-top:5%',
                                src:'resources/images/right.png',
                                cls:'myinfo_right'
                            }
                        ]
                    },
                    //修改性别
                    {
                        xtype:'panel',
                        cls:'personal_container border',
                        height:60,
                        layout:{
                            type:'hbox'
                        },
                        items:[
                            {
                                flex:2,
                                xtype: 'panel',
                                cls:'myinfo_change_myHeader',
                                style:'line-height:60px;',
                                html:[
                                    '性别'
                                ]
                            },
                            {
                                flex:5,
                                xtype:'panel',
                                cls:'myinfo_nick',
                                id:'my_sex',
                            },
                            {
                                flex:1,
                                xtype:'image',
                                style:'margin-top:5%',
                                src:'resources/images/right.png',
                                cls:'myinfo_right'
                            }
                        ]
                    },

                    {
                        xtype:'panel',
                        cls:'personal_container border',
                        height:60,
                        layout:{
                            type:'hbox'
                        },
                        items:[
                            {
                                flex:2,
                                xtype: 'panel',
                                cls:'myinfo_change_myHeader',
                                style:'line-height:60px;',
                                html:[
                                    '电话'
                                ]
                            },
                            {
                                flex:5,
                                xtype:'panel',
                                cls:'myinfo_nick',
                                html:[
                                    '18110471980'
                                ]
                            },
                            {
                                flex:1,
                                xtype:'image',
                                style:'margin-top:5%',
                                src:'resources/images/right.png',
                                cls:'myinfo_right'
                            }
                        ]
                    },
                    //修改邮件
                    {
                        xtype:'panel',
                        cls:'personal_container border',
                        id:'go_change_email',
                        height:60,
                        layout:{
                            type:'hbox'
                        },
                        items:[
                            {
                                flex:2,
                                xtype: 'panel',
                                cls:'myinfo_change_myHeader',
                                style:'line-height:60px;',
                                html:[
                                    '电子邮件'
                                ]
                            },
                            {
                                flex:5,
                                xtype:'panel',
                                cls:'myinfo_nick',
                                html:[
                                    '1324@qq.com'
                                ]
                            },
                            {
                                flex:1,
                                xtype:'image',
                                style:'margin-top:5%',
                                src:'resources/images/right.png',
                                cls:'myinfo_right'
                            }
                        ]
                    },
                    {
                        xtype:'panel',
                        cls:'personal_container border',
                        id:'myinfo_go_address',
                        height:60,
                        layout:{
                            type:'hbox'
                        },
                        items:[
                            {
                                flex:2,
                                xtype: 'panel',
                                cls:'myinfo_change_myHeader',
                                style:'line-height:60px;',
                                html:[
                                    '所在地区'
                                ]
                            },
                            {
                                flex:5,
                                xtype:'panel',
                                // cls:'myinfo_nick',
                                // html:[
                                //     '1324@qq.com'
                                // ]
                            },
                            {
                                flex:1,
                                xtype:'image',
                                style:'margin-top:5%',
                                src:'resources/images/right.png',
                                cls:'myinfo_right'
                            }
                        ]
                    },
                ]
            }
        ]
    }
});
